<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>一龄快速开发平台</title>
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="robots" content="all,follow">
		<!-- Bootstrap CSS-->
		<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
		<!-- Font Awesome CSS-->
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU"
		 crossorigin="anonymous">
		<!-- Google fonts - Popppins for copy-->
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,800">
		<!-- orion icons-->
		<link rel="stylesheet" href="index/css/orionicons.css">
		<!-- theme stylesheet-->
		<link rel="stylesheet" href="index/css/style.blue.css" id="theme-stylesheet">
		<!-- Custom stylesheet - for your changes-->
		<link rel="stylesheet" href="index/css/custom.css">
		<!-- Favicon-->
		<link rel="shortcut icon" href="index/img/favicon.png?3">
		<!-- Tweaks for older IEs-->
		<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
	</head>
	<body>
		<!-- navbar-->
		<header class="header">
			<nav class="navbar navbar-expand-lg px-4 py-2 bg-white shadow"><a href="#" class="sidebar-toggler text-gray-500 mr-4 mr-lg-5 lead"><i
					 class="fas fa-align-left">
					</i></a><a href="index.html" class="navbar-brand font-weight-bold text-uppercase text-base">快速开发平台</a>
				<ul class="ml-auto d-flex align-items-center list-unstyled mb-0">
					<li class="nav-item">
						<form id="searchForm" class="ml-auto d-none d-lg-block">
							<div class="form-group position-relative mb-0">
								<button type="submit" style="top: -3px; left: 0;" class="position-absolute bg-white border-0 p-0"><i class="o-search-magnify-1 text-gray text-lg"></i></button>
								<input type="search" placeholder="搜索 ..." class="form-control form-control-sm border-0 no-shadow pl-4">
							</div>
						</form>
					</li>
					<li class="nav-item dropdown ml-auto"><a id="userInfo"  data-toggle="dropdown"
						 aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">
							<img src="index/img/avatar-6.jpg" alt="Jason Doe" style="max-width: 2.5rem;" class="img-fluid rounded-circle shadow"></a>
						<div aria-labelledby="userInfo" class="dropdown-menu"><a href="#" class="dropdown-item"><strong class="d-block text-uppercase headings-font-family">Mark
									Stephen</strong>
								<small>Web Developer</small></a>
							<div class="dropdown-divider"></div><a href="#" class="dropdown-item">Settings</a><a href="#" class="dropdown-item">Activity
								log </a>
							<div class="dropdown-divider"></div><a href="login.html" class="dropdown-item">Logout</a>
						</div>
					</li>
				</ul>
			</nav>
		</header>
		<div class="d-flex align-items-stretch">
			<div id="sidebar" class="sidebar py-3">
				<div class="text-gray-400 text-uppercase px-3 px-lg-4 py-4 font-weight-bold small headings-font-family">菜单</div>
				<ul class="sidebar-menu list-unstyled">
					<li class="sidebar-list-item"><a href="index.html" class="sidebar-link text-muted active"><i class="o-home-1 mr-3 text-gray"></i><span>首页</span></a></li>
					<li class="sidebar-list-item"><a href="#" data-toggle="collapse" data-target="#ProductPages" aria-expanded="false"
						 aria-controls="ProductPages" class="sidebar-link text-muted">
							<i class="o-sales-up-1 mr-3 text-gray"></i><span>项目管理</span></a>
						<div id="ProductPages" class="collapse">
							<ul class="sidebar-menu list-unstyled border-left border-primary border-thick">
								<li class="sidebar-list-item"><a href="project-mng.html" class="sidebar-link text-muted pl-lg-5">项目管理</a></li>
								<li class="sidebar-list-item"><a href="project-chat.html" class="sidebar-link text-muted pl-lg-5">报表管理</a></li>
								<li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted pl-lg-5">人员权限</a></li>
								<li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted pl-lg-5">系统设置</a></li>
							</ul>
						</div>
					</li>
					<li class="sidebar-list-item"><a href="#" data-toggle="collapse" data-target="#pages" aria-expanded="false"
						 aria-controls="pages" class="sidebar-link text-muted">
							<i class="o-table-content-1 mr-3 text-gray"></i><span>快速开发</span></a>
						<div id="pages" class="collapse">
							<ul class="sidebar-menu list-unstyled border-left border-primary border-thick">
								<li class="sidebar-list-item"><a href="fast-phone.html" class="sidebar-link text-muted pl-lg-5">电商项目</a></li>
								<li class="sidebar-list-item"><a href="fast-pc.html" class="sidebar-link text-muted pl-lg-5">PC项目</a></li>
								<li class="sidebar-list-item"><a href="fast-flow-chat.html" class="sidebar-link text-muted pl-lg-5">流程图</a></li>
							</ul>
						</div>
					</li>
					<li class="sidebar-list-item"><a href="file-mng.html" class="sidebar-link text-muted"><i class="o-wireframe-1 mr-3 text-gray"></i><span>模板文件</span></a></li>
				</ul>
			</div>
			<div class="page-holder w-100 d-flex flex-wrap">
				<div class="container-fluid px-xl-5">
					<section class="py-5">
						<div class="row">
							<div class="col-xl-3 col-lg-6 mb-4 mb-xl-0">
								<div class="bg-white shadow roundy p-4 h-100 d-flex align-items-center justify-content-between">
									<div class="flex-grow-1 d-flex align-items-center">
										<div class="dot mr-3 bg-violet"></div>
										<div class="text">
											<h6 class="mb-0">今天</h6><span class="text-gray">25记录</span>
										</div>
									</div>
									<div class="icon text-white bg-violet"><i class="fas fa-server"></i></div>
								</div>
							</div>
							<div class="col-xl-3 col-lg-6 mb-4 mb-xl-0">
								<div class="bg-white shadow roundy p-4 h-100 d-flex align-items-center justify-content-between">
									<div class="flex-grow-1 d-flex align-items-center">
										<div class="dot mr-3 bg-green"></div>
										<div class="text">
											<h6 class="mb-0">昨天</h6><span class="text-gray">18记录</span>
										</div>
									</div>
									<div class="icon text-white bg-green"><i class="far fa-clipboard"></i></div>
								</div>
							</div>
							<div class="col-xl-3 col-lg-6 mb-4 mb-xl-0">
								<div class="bg-white shadow roundy p-4 h-100 d-flex align-items-center justify-content-between">
									<div class="flex-grow-1 d-flex align-items-center">
										<div class="dot mr-3 bg-blue"></div>
										<div class="text">
											<h6 class="mb-0">本月</h6><span class="text-gray">125记录</span>
										</div>
									</div>
									<div class="icon text-white bg-blue"><i class="fa fa-dolly-flatbed"></i></div>
								</div>
							</div>
							<div class="col-xl-3 col-lg-6 mb-4 mb-xl-0">
								<div class="bg-white shadow roundy p-4 h-100 d-flex align-items-center justify-content-between">
									<div class="flex-grow-1 d-flex align-items-center">
										<div class="dot mr-3 bg-red"></div>
										<div class="text">
											<h6 class="mb-0">运行异常</h6><span class="text-gray">10记录</span>
										</div>
									</div>
									<div class="icon text-white bg-red"><i class="fas fa-receipt"></i></div>
								</div>
							</div>
						</div>
					</section>

					<section>
						<div class="row">
							<div class="col-lg-8">
								<div class="card mb-5 mb-lg-0">
									<div class="card-header">
										<h2 class="h6 mb-0 text-uppercase">项目状态</h2>
									</div>
									<div class="card-body">
										<p class="text-gray mb-5">项目运行状态</p>
										<div class="d-flex justify-content-between align-items-start align-items-sm-center mb-4 flex-column flex-sm-row">
											<div class="left d-flex align-items-center">
												<div class="icon icon-lg shadow mr-3 text-gray"><i class="fab fa-dropbox"></i></div>
												<div class="text">
													<h6 class="mb-0 d-flex align-items-center"> <span>电商项目</span><span class="dot dot-sm ml-2 bg-violet"></span></h6>
													<small class="text-gray"></small>
												</div>
											</div>
											<div class="right ml-5 ml-sm-0 pl-3 pl-sm-0 text-violet">
												<h5>已发布</h5>
											</div>
										</div>
										<div class="d-flex justify-content-between align-items-start align-items-sm-center mb-4 flex-column flex-sm-row">
											<div class="left d-flex align-items-center">
												<div class="icon icon-lg shadow mr-3 text-gray"><i class="fab fa-apple"></i></div>
												<div class="text">
													<h6 class="mb-0 d-flex align-items-center"> <span>TV项目</span><span class="dot dot-sm ml-2 bg-green"></span></h6>
													<small class="text-gray"></small>
												</div>
											</div>
											<div class="right ml-5 ml-sm-0 pl-3 pl-sm-0 text-green">
												<h5>已发布</h5>
											</div>
										</div>
										<div class="d-flex justify-content-between align-items-start align-items-sm-center mb-4 flex-column flex-sm-row">
											<div class="left d-flex align-items-center">
												<div class="icon icon-lg shadow mr-3 text-gray"><i class="fas fa-shopping-basket"></i></div>
												<div class="text">
													<h6 class="mb-0 d-flex align-items-center"> <span>小程序项目</span><span class="dot dot-sm ml-2 bg-blue"></span></h6>
													<small class="text-gray"></small>
												</div>
											</div>
											<div class="right ml-5 ml-sm-0 pl-3 pl-sm-0 text-blue">
												<h5>已发布</h5>
											</div>
										</div>
										<div class="d-flex justify-content-between align-items-start align-items-sm-center mb-4 flex-column flex-sm-row">
											<div class="left d-flex align-items-center">
												<div class="icon icon-lg shadow mr-3 text-gray"><i class="fab fa-android"></i></div>
												<div class="text">
													<h6 class="mb-0 d-flex align-items-center"> <span>微信公众号项目</span><span class="dot dot-sm ml-2 bg-red"></span></h6>
													<small class="text-gray"></small>
												</div>
											</div>
											<div class="right ml-5 ml-sm-0 pl-3 pl-sm-0 text-red">
												<h5>升级中</h5>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-4">
								<div class="bg-white shadow roundy px-4 py-3 d-flex align-items-center justify-content-between mb-4">
									<div class="flex-grow-1 d-flex align-items-center">
										<div class="dot mr-3 bg-violet"></div>
										<div class="text">
											<h6 class="mb-0">4</h6><span class="text-gray">项目总数</span>
										</div>
									</div>
									<div class="icon bg-violet text-white"><i class="fas fa-clipboard-check"></i></div>
								</div>
								<div class="bg-white shadow roundy px-4 py-3 d-flex align-items-center justify-content-between mb-4">
									<div class="flex-grow-1 d-flex align-items-center">
										<div class="dot mr-3 bg-green"></div>
										<div class="text">
											<h6 class="mb-0">25</h6><span class="text-gray">组件总数</span>
										</div>
									</div>
									<div class="icon bg-green text-white"><i class="fas fa-dollar-sign"></i></div>
								</div>
								<div class="bg-white shadow roundy px-4 py-3 d-flex align-items-center justify-content-between mb-4">
									<div class="flex-grow-1 d-flex align-items-center">
										<div class="dot mr-3 bg-blue"></div>
										<div class="text">
											<h6 class="mb-0">6</h6><span class="text-gray">页面文件</span>
										</div>
									</div>
									<div class="icon bg-blue text-white"><i class="fas fa-user-friends"></i></div>
								</div>
								<div class="card px-5 py-4">
									<h2 class="mb-0 d-flex align-items-center"><span>正常推进</span><span class="dot bg-green d-inline-block ml-3"></span></h2><span
									 class="text-muted">项目进展</span>
									<div class="chart-holder">
										<canvas id="lineChart3" style="max-height: 7rem !important;" class="w-100"> </canvas>
									</div>
								</div>
							</div>
						</div>
					</section>
					<section class="py-5">
						<div class="row">
							<div class="col-lg-12"><a class="message card px-5 py-3 mb-4 bg-hover-gradient-primary no-anchor-style">
									<div class="row">
										<div class="col-lg-3 d-flex align-items-center flex-column flex-lg-row text-center text-md-left"><strong
											 class="h5 mb-0">09:25<sup class="smaller text-gray font-weight-normal">12/25</sup></strong><img src="index/img/avatar-1.jpg"
											 alt="..." style="max-width: 3rem" class="rounded-circle mx-3 my-2 my-lg-0">
											<h6 class="mb-0">管理员</h6>
										</div>
										<div class="col-lg-9 d-flex align-items-center flex-column flex-lg-row text-center text-md-left">
											<div class="bg-gray-100 roundy px-4 py-1 mr-0 mr-lg-3 mt-2 mt-lg-0 text-dark exclode">发布项目</div>
											<p class="mb-0 mt-3 mt-lg-0">发布电商项目</p>
										</div>
									</div>
								</a></div>
							<div class="col-lg-12"><a class="message card px-5 py-3 mb-4 bg-hover-gradient-primary no-anchor-style">
									<div class="row">
										<div class="col-lg-3 d-flex align-items-center flex-column flex-lg-row text-center text-md-left"><strong
											 class="h5 mb-0">08:25<sup class="smaller text-gray font-weight-normal">12/24</sup></strong><img src="index/img/avatar-2.jpg"
											 alt="..." style="max-width: 3rem" class="rounded-circle mx-3 my-2 my-lg-0">
											<h6 class="mb-0">开发者</h6>
										</div>
										<div class="col-lg-9 d-flex align-items-center flex-column flex-lg-row text-center text-md-left">
											<div class="bg-gray-100 roundy px-4 py-1 mr-0 mr-lg-3 mt-2 mt-lg-0 text-dark exclode">创建模板</div>
											<p class="mb-0 mt-3 mt-lg-0">创建电商项目6模板</p>
										</div>
									</div>
								</a></div>
							<div class="col-lg-12"><a class="message card px-5 py-3 mb-4 bg-hover-gradient-primary no-anchor-style">
									<div class="row">
										<div class="col-lg-3 d-flex align-items-center flex-column flex-lg-row text-center text-md-left"><strong
											 class="h5 mb-0">17:25<sup class="smaller text-gray font-weight-normal">12/24</sup></strong><img src="index/img/avatar-3.jpg"
											 alt="..." style="max-width: 3rem" class="rounded-circle mx-3 my-2 my-lg-0">
											<h6 class="mb-0">管理员</h6>
										</div>
										<div class="col-lg-9 d-flex align-items-center flex-column flex-lg-row text-center text-md-left">
											<div class="bg-gray-100 roundy px-4 py-1 mr-0 mr-lg-3 mt-2 mt-lg-0 text-dark exclode">新增项目</div>
											<p class="mb-0 mt-3 mt-lg-0">创建电商项目</p>
										</div>
									</div>
								</a></div>
							<div class="col-lg-12"><a class="message card px-5 py-3 mb-4 bg-hover-gradient-primary no-anchor-style">
									<div class="row">
										<div class="col-lg-3 d-flex align-items-center flex-column flex-lg-row text-center text-md-left"><strong
											 class="h5 mb-0">16:25<sup class="smaller text-gray font-weight-normal">12/24</sup></strong><img src="index/img/avatar-4.jpg"
											 alt="..." style="max-width: 3rem" class="rounded-circle mx-3 my-2 my-lg-0">
											<h6 class="mb-0">开发者</h6>
										</div>
										<div class="col-lg-9 d-flex align-items-center flex-column flex-lg-row text-center text-md-left">
											<div class="bg-gray-100 roundy px-4 py-1 mr-0 mr-lg-3 mt-2 mt-lg-0 text-dark exclode">修改项目</div>
											<p class="mb-0 mt-3 mt-lg-0">修改电商项目</p>
										</div>
									</div>
								</a></div>
						</div>
					</section>
				</div>
				<footer class="footer bg-white shadow align-self-end py-3 px-xl-5 w-100">
					<div class="container-fluid">
						<div class="row">
							<div class="col-md-6 text-center text-md-left text-primary">
								<p class="mb-2 mb-md-0"></p>
							</div>
							<div class="col-md-6 text-center text-md-right text-gray-400">
								<p class="mb-0"></p>
							</div>
						</div>
					</div>
				</footer>
			</div>
		</div>
		<!-- JavaScript files-->
		<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<!-- <script src="index/vendor/popper.js/umd/popper.min.js"> </script> -->
		<script src="https://www.jq22.com/jquery/bootstrap-4.2.1.js"></script>
		<!-- <script src="index/vendor/jquery.cookie/jquery.cookie.js"> </script> -->
		<script src="https://cdn.bootcss.com/Chart.js/2.7.2/Chart.min.js"></script>
		<!-- <script src="index/js/js.cookie.min.js"></script> -->
		<!-- <script src="index/js/charts-home.js"></script> -->
		<!-- <script src="index/js/front.js"></script> -->
	</body>
</html>
